<template>
<!-- 品牌制造直供 -->
  <div class="brand">
    <h3 class="manufacturing">品牌制造直供</h3>
   <!-- 组件 -->
    <ul>
      <li v-for="item in brandList" :key="item.id">
        <img :src="item.list_pic_url" alt="" />
        <p class="itemname">{{ item.name }}</p>
        <p class="formatMoey">{{ item.floor_price | formatMoey }}</p>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "Brand",
  props: ["brandList"], //接受传参
  data() {
    return {};
  },
};
</script>

<style lang='less' scoped>
.manufacturing{
    height: 25px;
    line-height: 30px;
    font-size: 9px;
    text-align: center;
}
.brand ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}
li {
  width: 49%;
   position: relative;
   margin-bottom: 3px;
  img {
    width: 100%;
    display: block;
  }
  .itemname {
    position: absolute;
    top: 0.26667rem;
    left: 0.26667rem;
    font-size: 7px;
  }
  .formatMoey{
    position: absolute;
    top: 1.06667rem;
    left: 0.26667rem;
    color: #8b0000;
    font-size: 7px;
  }
}

</style>